{% extends "base.html" %}
{% load staticfiles %}
{% load analysis_tags %}
{% block content %}

    <div class="flex-nav">
        {% include "analysis/pages/nav-sidebar.html" %}
        <section class="flex-nav__body cuckoo-analysis" tabindex="0">

            <header class="page-header cuckoo-analysis__header">
                <h1>Compare</h1>
            </header>

            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-6" style="border-right: 1px dashed #878787;">
                        <h2 style="text-align: center;">Analysis 1</h2>
                        <hr>
                        <p>&nbsp;</p>
                        {% include "analysis/pages/compare/_info.html" with record=left %}
                    </div>
                    <div class="col-md-6">
                        <h2 style="text-align: center;">Analysis 2</h2>
                        <hr>
                        <p>You need to select the second analysis.
                        {% if records.count > 0 %}
                            Following are all the analyses of the file with provided MD5 or pattern <b><small>{{hash}}</small></b>:</p>
                            {% include "analysis/pages/compare/_summary_table.html" %}
                        {% else %}
                            <b>There is no analysis for the specified file or you selected the same selected analysis.</b></p>
                        {% endif %}
                    </div>
                </div>
            </div>

             <!-- footer replacement to avoid double scrollbars -->
            <footer class="flex-grid__footer spread-alignment">
                <p class="footnote">
                    &copy;2010-2018 <a href="https://www.cuckoosandbox.org" target="_blank">Cuckoo Sandbox</a>
                </p>
                <div class="logo">
                    <img src="{% static "graphic/cuckoo_inverse.png" %}" alt="Cuckoo Malware Analysis Sandbox" />
                    <a href="#">Back to Top</a>
                </div>
            </footer>
            
        </section>
    </div>
    
{% endblock %}
